.checkuplog-box, .calendar-checkuplog-box, .notes-checkuplog-box{
    border: 1px solid #DDDDDD;
    min-height: 340px;
    text-align: center;
    width: 100%;
}
.box-wrapper-checkuplog, .box-wrapper-calendar-checkuplog, .box-wrapper-notes-checkuplog{
	max-width: 470px;
	margin:10% auto auto;
	height: auto;	
}
.calendar-icon{
	border: 1px solid #DDDDDD;
    width: 100px;
    height: 100px;
    float: right;
    margin: 30% 5% 0 0;
}
.notes-icon{
	border: 1px solid #DDDDDD;
    width: 100px;
    height: 100px;
    float: left;
    margin: 30% 0 0 5%;
}
.calendar-text{
	width: 100px;
	float: right;
	margin-right:5%;
}
.notes-text{
	width: 100px;
	float: left;
	margin-left:5%;
}
.btn-calendar-checkuplog, .btn-notes-checkuplog{
	cursor:pointer;
}

.wrapper-calendar-checkuplog{
	height: 265px;	
}
#calCheckuplog{
    height: 100px;
    width: 50%;
}
.wrapper-notes-calendar-checkuplog{
    float: left;
    width: 50%;
}
#notes-calendar-checkuplog, #notes-checkuplog{
    height: 190px;
}
.wrapper-checkuplog-label{
	height: 265px;
}
.notes-calendar-btn{
    border: 1px solid #DDDDDD;
    float: right;
    margin-right: 10px;
    padding: 2px 4px;	
}
.notes-btn{
    border: 1px solid #DDDDDD;
    margin-right: 10px;
    padding: 2px 4px;	
}
#title-note-calendar-checkuplog{
    height: 12px;
    margin: 0;
    width: 70%;
}
#title-note-checkuplog{
    height: 12px;
    margin: 0;
    width: 70%;
}

.wrapper-calCheckuplog{
    float: left;
    width: 50%;
}
.list-notes-checkuplog{
    height: 251px;
    width: 100%;
    border: 1px solid #DDDDDD;
}
.notes-title-box{
	text-align: center;
	width: 100%;
}
.list-notes-checkuplog{
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left;
}
.list-notes-checkuplog li{
    list-style: none outside none;
    text-decoration: none;
    width: 100%;
}
.rowt{
    background-color: #949494;
    color: #FFFFFF;
    font-weight: bold;
}
.row1{
	background-color: #FFFFFF;
}
.row1{
	background-color: #DDDDDD;
}
.col1{
    display: inline-block;
    font-style: normal;
    width: 30%;
}
.col2{
	display: inline-block;
	font-style: normal;
}
.checkuplog-list-active{
	background-color: red;
}
.checkuplog-list-active a{
	color:#FFFFFF;
}
.ui-datepicker { 
	width: 21em;
	padding: .2em .2em 0; 
	display: none; 
}
.ui-datepicker table {
	width: 100%; 
/* 	font-size: 16px;  */
	border-collapse: collapse; 
	margin:0 0 .4em; 
}
